<template>
  <div>
    <!-- 
      v-model：
      作用：将表单元素的value属性和vue数据变量，双向绑定在一起
        双向绑定：
          数据变化 -> 视图也跟着变化
          视图变化 -> 数据也自动同步

      语法：
      v-model="vue数据变量"
     -->
    用户名：<input type="text" v-model="username" />
    <br />
    密码：<input type="text" v-model="password" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "root",
      password: "123",
    };
  },
};
</script>

<style>
</style>